<template>
  <el-collapse v-model="activeNames">
    <el-collapse-item title="边框" name="border">
      <el-form-item label="边框宽度">
        <el-input-number v-model="item.borderWidth" :min="0"></el-input-number>
      </el-form-item>
      <el-form-item label="边框颜色">
        <el-color-picker v-model="item.borderColor"></el-color-picker>
      </el-form-item>
    </el-collapse-item>
  </el-collapse>
</template>
<script>
  export default {
    props: {
      item: {
        type: Object
      }
    },
    data() {
      return {
        activeNames: ['border']
      }
    }
  }
</script>
